import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

// 使用tailwind
import "@/assets/css/tailwind.css";
// 引入图标
import { Icon } from "@vicons/utils";
// 引入naive-ui框架
import {
  create,
  NAvatar,
  NButton,
  NConfigProvider,
  NDialogProvider,
  NGlobalStyle,
  NIcon,
  NImage,
  NImageGroup,
  NRate,
  NTag,
  NLoadingBarProvider,
  NTooltip,
  NSpace,
  NSpin,
  NInput,
  NSwitch,
  NCarousel,
  NDatePicker,
  NTabs,
  NTabPane,
  NPagination,
  NMenu,
  useMessage,
  NBreadcrumb,
  NBreadcrumbItem,
  NGrid,
  NGridItem,
  NDivider,
  NAlert,
} from "naive-ui";

const naive = create({
  components: [
    NButton,
    NConfigProvider,
    NGlobalStyle,
    NTag,
    NDialogProvider,
    NIcon,
    NImage,
    NRate,
    NAvatar,
    NLoadingBarProvider,
    NTooltip,
    NSpace,
    NSpin,
    NInput,
    NSwitch,
    NImageGroup,
    NCarousel,
    NDatePicker,
    NTabs,
    NTabPane,
    NPagination,
    NMenu,
    useMessage,
    NBreadcrumb,
    NBreadcrumbItem,
    NGrid,
    NGridItem,
    NDivider,
    NAlert,
  ],
});

createApp(App)
  .component("Icon", Icon)
  .use(store)
  .use(router)
  .use(naive)
  .mount("#app");
